<!DOCTYPE html>
<html>
<head>
	<title>绑定事件</title>
	<meta charset="utf-8">
</head>
<body>
绑定事件的方法：
	1.onclick:
		一个元素上只能绑定一个
		this指向dom元素本身
	2.obj.addEventListener(type,fn,false);
		IE9以下不兼容
		可以为一个元素绑定多个事件
		this指向dom元素本身
	3.obj.attchEvent("on"+type,fn);
		IE独有
		可以为一个元素绑定多个事件
		this指向window

<script type="text/javascript">
	function addEvent(elem,eventType,fun){
		
	    if(elem.addEventListener){
	        console.log("listener")
	        elem.addEventListener(eventType,fun);
	    }else if(elem.attachEvent){
	        console.log("attach")
	        elem.attachEvent('on'+eventType,function(){
	            fun.call(elem);//修改this指向为elem.
	        });

	    }else{
	        console.log("on");
	        elem['on'+eventType]=fun;
	    }
	}
</script>
解除事件的方法：
	1.ele.onclick=false/null;
	2.ele.removeEventListener(type,fn,false)
	3.ele.detachEvent('on'+type,fn);
	注意：匿名函数不能解除事件

event  事件对象：
    概念：记录事件上发生的所有数据
    e=e||window.event;
    事件源  target=e.target||e.srcElement;
    可视区的位置 e.clientX,e.clientY
    页面的位置   e.pageX,e.pageY
    屏幕的位置   e.screenX,e.screenY
    事件类型     e.type
    鼠标键值     e.which
    键盘键值     e.keyCode
    鼠标距离事件源起始位置的值e.offsetX,e.offsetY
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<!-- <script>
	var ul=document.getElementsByTagName("ul")[0];
	ul.addEventListener("click",test);
	function test(){
		console.log(3);
		console.log(this);
	}
	ul.removeEventListener("click",test);
	ul.addEventListener("click",function(){
		console.log(4);
	})
</script> -->
<script>
var ul=document.getElementsByTagName("ul")[0];
ul.onclick=function(event){
    event=event||window.event;
    console.log(event);
    // console.log(event.which)
    // console.log(event.type);
    // console.log(event.clientX,event.clientY);
    // console.log(event.pageX,event.pageY);
    // console.log(event.screenX,event.screenY);
    // console.log("offset:"+event.offsetX,event.offsetY);
    // var target=event.target||event.srcElement;
    // console.log(event);
    // console.log(event.srcElement);
    // console.log(target.innerHTML);
}
</script>
</body>
</html>